<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CSS浏览器前缀兼容写法 </title>
	</head>
	<body>
		<h2>CSS浏览器前缀兼容写法 </h2>
		<ol>
			<li>
				<b>浏览器引擎前缀(Vendor Prefix)有哪些？ </b><br>
				1,-moz-     /* 火狐等使用Mozilla浏览器引擎的浏览器 */<br>
				2,-webkit-  /* Safari, 谷歌浏览器等使用Webkit引擎的浏览器 */<br>
				3,-o-       /* Opera浏览器(早期) */<br>
				4,-ms-      /* Internet Explorer (不一定) */ <br>
				<hr>
				浏览器&nbsp;&nbsp;&nbsp;&nbsp;内核&nbsp;&nbsp;&nbsp;&nbsp;前缀<br>
				1,IE&nbsp;&nbsp;&nbsp;&nbsp;trident&nbsp;&nbsp;&nbsp;&nbsp;-ms- <br>
				2,Firefox&nbsp;&nbsp;&nbsp;&nbsp;gecko&nbsp;&nbsp;&nbsp;&nbsp;-moz- <br>
				3,Google&nbsp;&nbsp;&nbsp;&nbsp;webkit/blink&nbsp;&nbsp;&nbsp;&nbsp;-webkit- <br>
				4,Safari&nbsp;&nbsp;&nbsp;&nbsp;webkit&nbsp;&nbsp;&nbsp;&nbsp;-webkit- <br>
				5,Opera&nbsp;&nbsp;&nbsp;&nbsp;presto&nbsp;&nbsp;&nbsp;&nbsp;-o- <hr>
			</li>
			<li>
				<b>主要的需要添加浏览器引擎前缀(vendor-prefix)的属性包括：不带前缀的放到最后</b><br>
				@keyframes <br>
				移动和变换属性(transition-property, transition-duration, transition-timing-function, transition-delay) <br>
				动画属性 (animation-name, animation-duration, animation-timing-function, animation-delay) <br>
				border-radius&nbsp;&nbsp;box-shadow&nbsp;&nbsp;backface-visibility&nbsp;&nbsp;
				column属性&nbsp;&nbsp;flex属性&nbsp;&nbsp;perspective属性 
			</li>
			<li><img src="img/pic-1.png" alt="图片加载失败!"></li>
		</ol>
	</body>
</html>
